<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="UTF-8">
		<title>套餐</title>
		<link rel="stylesheet" href="/css/all_style.css" />
		<link rel="stylesheet" href="/css/course_style.css" />
		<script src="/js/jquery-1.7.1.min.js"></script>
		<script src="/js/mysel.js"></script>
		<%@ page contentType="text/html;charset=UTF-8" language="java" %>
	</head>
	<body>

		<header>
			<div class="container header_con">
				<div class="logo"><a href="homepage.html"><img src="img/logo.png" alt="" /></a></div>
				<nav>
					<ul>
						<li><a href="homepage.html">首页</a></li>
						<li><a href="courselist.html" class="on">课程</a></li>
						<li><a href="公开课.html">公开课</a></li>
						<li><a href="news.html">资讯</a></li>
					</ul>
				</nav>
				<div class="search">
					<div class="search_box">
						<div class="search_sele">
							<input type="text" value="课程" readonly />
							<ul class="sele_list">
								<li>课程</li>
								<li>机构</li>
							</ul>
						</div>
						<input type="text" class="sub_select" />
						<button>搜 索</button>
					</div>
					<div class="hot_search">
						<dl>
							<dt>历史搜索<span><i></i>清空</span></dt>
							<dd>
								<a href="#">ps</a>
							</dd>
							<dt>热门搜索</dt>
							<dd>
								<a href="搜索-机构.html">机构</a>
								<a href="搜索-直播.html">直播</a>
								<a href="#">PS</a>
								<a href="#">Java</a>
							</dd>
						</dl>
					</div>
				</div>
				<div class="my">
					<ul>
						<li><a href="我的-消息.html">消息<span>2</span></a></li>
						<li>|</li>
						<%--<c:if test="${sessionScope.user==null}">
							<li style="display: none;">
								<a href="我的-个人信息.jsp">小馒头<i><img src="img/top_photo.png" alt="" /></i></a>
								<dl>
									<dd><a href="我的-个人信息.jsp">个人中心</a></dd>
									<dd><a href="修改密码.html">修改密码</a></dd>
									<dd><a href="homepage.html">退出</a></dd>
								</dl>
							</li>
							<li>
								<a href="javacript:void(0)" class="login_show">登录</a>/<a href="注册.html">注册</a>
							</li>
						</c:if>
						<c:if test="${sessionScope.user!=null}">
							<li >
								<a href="我的-个人信息.jsp">${sessionScope.user.nickname}<i><img src="${sessionScope.user.avatar}" style="width: 25px; height: 25px" alt="" /></i></a>
								<dl>
									<dd><a href="我的-个人信息.jsp">个人中心</a></dd>
									<dd><a href="修改密码.html">修改密码</a></dd>
									<dd><a href="homepage.html">退出</a></dd>
								</dl>
							</li>
							<li style="display: none;">
								<a href="javacript:void(0)"  class="login_show">登录</a>/<a  href="注册.html">注册</a>
							</li>
						</c:if>--%>
					</ul>
				</div>
			</div>
		</header>
	
		<div class="container">
			<div class="menu">您当前的位置：<a href="#">课程</a> > <a href="#">套餐名称</a></div>
			<div class="cou_head">
				<dl>
					<dt>
					<img src="${sessionScope.course.cover}" alt=""/>
					<!--已购买时显示-->
					<b>未购买</b>
				</dt>
					<dd>
						<div class="cou_tit">
							<h3>${sessionScope.course.title}</h3>
							<a>收藏</a>
							<div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more">分享</a></div>
						</div>
						<ul>
							<li><span>购买人数：${sessionScope.course.buyCount}</span><span>评论数： 999+</span><span>好评度：${sessionScope.course.highopinion}%</span></li>
							<!--购买后需要显示的信息-->
							<li style="display: none;"><span>报名人数：100</span><span>课时数：${sessionScope.course.lessonNum}</span><span>浏览量:${sessionScope.course.viewCount}</span><span>好评度：${sessionScope.course.highopinion}%</span></li>
							<li>主讲人：${sessionScope.course.teacherName}</li>
							<li>有效期：自购买之日永久有效</li>
							<li>￥${sessionScope.course.price}</li>
							<!--优惠券领取-->
							<li>
								<h6>【优惠】</h6><b class="quan_show">优惠券可领取</b>
								<div class="quan">
									<div class="quan_list">
										<h5><del>￥5</del>无金额门槛</h5>
										<h5>使用范围：仅适用于课程</h5>
										<h5>有效时间：2018.08.01-2018.12.31</h5>
										<a href="javascript:void(0)">领取</a>
									</div>
									<div class="quan_list">
										<h5><del>￥5</del>无金额门槛</h5>
										<h5>使用范围：仅适用于课程</h5>
										<h5>有效时间：2018.08.01-2018.12.31</h5>
										<a href="javascript:void(0)">领取</a>
									</div>
								</div>
							</li>
						</ul>

						<div class="cor_btn cor_btn_one">
							<a href="/admin/BuyServlet?id=${sessionScope.id}">立即购买</a>
							<a href="#">在线咨询</a>
						</div>
						<div class="cor_btn cor_btn_two">
							<a href="coursevideo.jsp">开始学习</a>
						</div>
					</dd>
				</dl>
			</div>
			<div class="tao_list">
			<div class="cou_jie">
				<div class="cou_jie_list left">
					<ul class="cou_jie_tab">
					</ul>
					<div class="cou_jie_con">
						<div class="cou_jie_ping">
							<div class="publish">
								<ul>
									<li class="li1">课程内容：<i></i><i></i><i></i><i></i><i></i></li>
									<li>
										<textarea id="text" placeholder="请发表您对课程的评价或疑问，至少5个字哦~"></textarea>
										<span><sp id="oo">0</sp>/200</span>
										<button onclick="add()">发表评论</button>
										<hr/>
									</li>
								</ul>
							</div>
							<script>
								var text=0;
								function add(){
									var text=$("#text").val();
									var p=$(".li1").html();
									location.href="/admin/GoodsPlServlet?opr=add&num=0&title="+text+"&goods="+p+"&id=${sessionScope.id}";
								}
								$(function() {
									$(function(){
										$(".publish>ul>li>i").click(function () {
											$(this).attr("class","xing");
											$(this).prevAll().attr("class", "xing");
											$(this).nextAll().removeAttr("class");
										})
										$("#text").change(function (){
											text=$("#text").val().length;
											$("#oo").html(text);
										})
								})
								})
							</script>
							<div class="ping_lits">
								<dl>
									<dt>综合评分：95<i class="xing"></i><i class="xing2"></i><i></i><i></i><i></i></dt>
									<c:forEach items="${sessionScope.goodlist}" var="goodlist">
										<dd>
											<em><img src="img/photo.png" alt=""/></em>
											<h2>${goodlist.username}${goodlist.goods}</h2>
											<h5>${goodlist.title}</h5>
											<span>${goodlist.time}</span>
										</dd>
									</c:forEach>
								</dl>
							</div>
							<div class="pages">
								<a href="#">上一页</a>
								<a href="#" class="on">1</a>
								<a href="#">2</a>
								<a href="#">3</a>
								<span>…</span>
								<a href="#">下一页</a>
							</div>
						</div>
					</div>
				</div>
				<div class="cou_name right">
					<dl>
						<dt>
							<span><img src="img/jigou.png" alt="" /></span>
							<h2>${sessionScope.course.name}</h2>
							<i><img src="img/zheng.png" alt="" /></i>
						</dt>
						<dd>
							<ul>
								<li>课程数<b>${organlist[0]}</b></li>
								<li>讲师数<b>${organlist[1]}</b></li>
								<li>学员数<b>213</b></li>
							</ul>
						</dd>
						<dd>${sessionScope.course.intro}</dd>
					</dl>
				</div>
				<div class="clear"></div>
			</div>
		</div>
		
		<!--客服+回到顶部-->
		<div class="fix_kefu">
			<ul>
				<li><a href="#" class="fix01"></a></li>
				<li><a href="#" class="fix02"></a></li>
				<li>
					<a href="javascript:void(0)" class="fix03">关注<br />我们</a>
					<div class="fix_er"><img src="img/fix_er.jpg" alt="" />关注微信公众号</div>
				</li>
				<li><a href="javascript:scroll(0,0)" class="fix04"></a></li>
			</ul>
		</div>

		
		<!--页脚-->
		<footer>
			<div class="container">
				<ul>
					<li>
						<h3>帮助中心</h3>
						<a href="帮助中心-学员帮助.html">学员帮助</a>
						<a href="#">机构帮助</a>
						<a href="#">讲师帮助</a>
					</li>
					<li>
						<h3>售后服务</h3>
						<a href="#">售后流程</a>
						<a href="#">退货规则</a>
						<a href="帮助中心-客服.html">联系客服</a>
					</li>
					<li>
						<h3>商务中心</h3>
						<a href="#">商务合作</a>
						<a href="入驻-机构.html">机构入驻</a>
						<a href="入驻-讲师.html">讲师入住</a>
					</li>
					<li>
						<h3>关于我们</h3>
						<a href="#">企业文化</a>
						<a href="#">联系我们</a>
						<a href="帮助中心-建议.html">提出建议</a>
					</li>
					<li>
						<dl>
							<dt>
								<img src="img/fix_er.jpg" alt="" />
								关注微信公众号
							</dt>
							<dd><hr /></dd>
							<dd>
								<h4>联系热线</h4>
								<h5>400-646-1390</h5>
								<h6>周一到周五 9:00-18:00</h6>
							</dd>
						</dl>
						
					</li>
				</ul>
				<div class="copy">Copyright 2017 seition All Rights Reserved | 蜀ICP 备 16004612号</div>
			</div>

                 <span th:text="${param.id}">111</span>
			<span th:text="${param}">222</span>
		</footer>
		<script>
			$(document).ready(function (list) {
				var str=``
				$(".cou_head").append(str)
			})
		</script>
	
	<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
	
	</body>
</html>
